<!DOCTYPE html>
<html>
<head>
    <title><%=title%></title>
    <% include common/top.html %>
    <link rel='stylesheet' href='/pc/js/libs/bootstrap-sweetalert/sweetalert.css'/>
    <link rel='stylesheet' href='/pc/css/userCenter.css'/>
    <script src='/pc/js/userCenter.js'></script>
</head>
<body>
<!--大部分页面基于前端渲染，对于少数使用后端渲染页面的时候，配置partials，同时在这边引入content部分-->
    <% include common/header.html %>
    <div class="content container"  v-cloak>
        <div class="panel panel-info">
            <div class="panel-heading">订单信息</div>
            <div class="panel-body">
                <table class="table">
                    <thead>
                        <tr>
                            <td>订单号</td>
                            <td>菜品</td>
                            <td>买家联系方式</td>
                            <td>卖家联系方式</td>
                            <td>配送地址</td>
                            <td>总价</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="item in order">
                            <td>{{item._id}}</td>
                            <td>
                                <template v-for="dish in item.dish">
                                    {{dish.name}}/{{dish.price}}*{{dish.num}}<br/>
                                </template>

                            </td>
                            <td>{{item.buyerPhone}}</td>
                            <td>{{item.sellerPhone}}</td>
                            <td>{{item.buyerAddress}}</td>
                            <td>{{item.totalPrice}}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</body>
</html>